.StyleTABle tr td{border:1px solid #ccc;padding-right:5px;}
.StyleTABle th{background:#ccc;text-align:right;padding-right:10px;}
.StyleTABle tr{background:#dae6ff;}
<!-------------------------------------------container_reg_form--------------------------------------------->
#container_reg_form {
	width:800px;
	height:100%;
	margin:auto;
	padding:-5px;
}
.white{color:#FFF;}
.blue{color:#3366FF;}
.red{color:#FF0000;}
.yellow{color:#FFCC00;}
.green{color:#669900;}
#container_reg_form .font_0{	
	font-size:1.5em;
	background-color:#FC0;
}
#container_reg_form td{
	font-size:1.2em;
	background-color:#CCC;
	
}
#container_reg_form select{
	width:230px;
	font-size:1.2em;
	-moz-border-radius:8px;
	}
#container_reg_form select2{
	width:150px;
	font-size:1.2em;
	padding:5px;
	-moz-border-radius:8px;
	}
#container_reg_form option{
	width:220px;
	font-size:1.1em
    border: 1px solid #9C0;}
	
#container_reg_form select:hover {
	font-weight:bold;
	background-color:#FFCCFF;
}
#container_reg_form input[type="text"]{
	position:relative;
	width:90%;
	background-color:#FFF;
	border:1px solid #39F;
	-moz-border-radius:6px;
	font-size:1.2em;
	padding:5px;
}
#container_reg_form input[type="text"]:hover {
	font-weight:bold;
	background-color:#FFCCFF;
}
#container_reg_form input[type="file"]{
position:relative;
	width:90%;
	background-color:#FFF;
	border:2px solid #FFF;
	-moz-border-radius:6px;
	font-size:1.2em;
	padding:5px;	
	}
<!--------------------------------------------------end container_reg_form---------------------------------------------------------->	
.riguer{
	position:absolute;
	font-size:50px;
	top:5px;
	left:10px;
	z-index:1;
	color:#006699;
	}
.admission_no{
		background-color:#FF9900;
		
		}
#pages {
	background-color: #CCC;
	width:800px;
	margin:0px auto;
	background-image: url(../../image/bg-grid.jpg.png);	
	}
.hide{}	
#container_R_form {
	width:800px;
	height:100%;
	margin:auto;
	padding:-5px;
}
#container_R_form fieldset {
	margin:0px auto;
	width:650px;
	border:1px solid #CCC;
	padding-top:10px;
	background-image: url(../../image/background-public-splash-plans.png);	
}

#container_R_form legend {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 1.1;
	color:#fff;
	background: #666;
	border: 1px solid #333;
	padding: 2px 6px;
}
#container_R_form h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 175%;
	letter-spacing: -1px;
	font-weight: normal;
	line-height: 1.1;
	color:#333;
}

#container_R_form label {
	width:142px;
	height:32px;
	margin-top:3px;
	margin-left:2px;
	padding-top:11px;
	padding-right:6px;
	background-color:#CCCCCC;
	float:right;
	display: block;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 125%;
	font-weight: normal;
	line-height: 1.1;
	color:#666;
}
#container_R_form.form {
	margin:0;
	padding:0;
}

/*#container_R_form #top {
	width:400px;
	height:50px;
}*/

#container_R_form.clear {
	clear:both;
}
#container_R_form.holder {
	background-color:#fff;

}
/**************************************************/
#view{}

body {
	
	background-color:#F7F7F7;
}

#bacth_bage {
	background-color: #CCC;
	width:800px;
	margin:0px auto;
	background-image: url(../../image/bg-grid.jpg.png);	
	
}
.bacth_bage2 {
	
	width:800px;
	margin:0px auto;
	background-image: url(../../image/bg-grid.jpg.png);
		
	
}
.batch_bage {
	background-color: #CCC;
	width:800px;
	margin:0px auto;
	background-image: url(../../image/bg-grid.jpg.png);	
	
}
.batch_page {
	width:800px;
	margin:0px auto;
	background-image: url(../../image/bg-grid.jpg.png);
	border-left:1px solid rgba(0,0,255,1);border-right:1px solid rgba(0,0,255,1)		
}
.Page_privilege {
	
	width:800px;
	margin:0px auto;
	background-image: url(../../image/bg2.png);
	border-left:1px solid rgba(0,0,255,1);border-right:1px solid rgba(0,0,255,1)		
}
.calculate_page{
	width:800px;
	margin:0px auto;
	background-image: url(../../image/bg.png);		
}

#bacth_page {
	background-color: #CCC;
	width:800px;
	margin:0px auto;
	background-image: url(../../image/bg-grid.jpg.png);		
}
#search_page{
	
	width:1000px;
	margin:0px auto;
		
}
#container_form {
	width:800px;
	height:100%;
	margin:auto;
	padding:-5px;
}

.form_view_min{
	position:relative;
	cursor:pointer;
	margin-top:0px;
	background-image: url(../../image/top_tablel_mini_full.png);
	height:15px;
	background-color: #CFF;	
}
.plusHead{
position:absolute;
width:48px;height:48px;
left:30px;top:10px;	
background-image: url(../../image/netvibes48.png);	
	}
.plusHead2{
position:absolute;
width:48px;height:48px;
left:65px;top:10px;	
background-image: url(../../image/netvibes48.png);	
	}
.minusHead{
position:absolute;
width:48px;height:45px;
left:30px;top:10px;	
background-image: url(../../image/minusibes48.png);	
	}
.minusHead2{
position:absolute;
width:48px;height:45px;
left:65px;top:10px;	
background-image: url(../../image/minusibes48.png);	
	}
	
.BackHead{
position:absolute;
width:50px;height:50px;
left:30px;top:8px;	
background-image: url(../../image/back_icon_48.png);	
	}	
.form_view1{
	position:relative;
	cursor:pointer;
	margin-left:auto;
	margin-right:auto;
	background-image: url(../../image/header3.png);
	width:800px;
	height:30px;
		
}
.form_view2{
	position:relative;
	cursor:pointer;
	margin-top:-17px;
	background-image: url(../../image/header3.png);
	height:30px;	
}
.form_view h2{
	padding-top:20px;
	padding-right:80px;
	color:#FFFFFF
	}

.ro_up{
	position:absolute;
	background-image: url(../../image/RO_up.png);
	width:29px;height:35px;
	z-index:1;
	top:25px;left:100px;
	}

.icon_up{
	background-image: url(../../image/icon_up.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	}
.icon_down{
	background-image: url(../../image/icon_down.png);
	background-repeat: no-repeat;
	background-position: 30px 10px;
	}
.table_view{
	cursor:pointer;
	margin-top:-17px;
	background-image: url(../../image/top_table.png);
	height:82px;
    background-color: #CFF;
}
.table_view2{
	cursor:pointer;
	
	background-image: url(../../image/top_table.png);
	height:20px;
    background-color: #CFF;
}
.table_view h2{
	padding-top:20px;
	padding-right:80px;
	color:#FFFFFF
	}

.table_view_mini{
	cursor:pointer;
	margin:auto;
	background-image: url(../../image/table_view_mini.png);
	height:15px;
   width:700px;
}
.end{
	width:800px;
	margin:0px auto;
	background-image: url(../../image/top_table2.png);
	height:75px;
	
	background-repeat: repeat-x;
	margin-bottom:10px;
}


#container_form fieldset {
	margin:0px auto;
	width:750px;
	border:1px solid #CCC;
	padding-top:10px;
	background-image: url(../../image/headerw-bg.png);	
} 
 

#container_form legend {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 1.1;
	color:#fff;
	background: #666;
	border: 1px solid #333;
	padding: 2px 6px;
}
#container_form h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 175%;
	letter-spacing: -1px;
	font-weight: normal;
	line-height: 1.1;
	color:#333;
}

#container_form label {
	width:142px;
	height:32px;
	margin-top:3px;
	margin-left:2px;
	padding-top:11px;
	padding-right:6px;
	background-color:#CCCCCC;
	float:right;
	display: block;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 125%;
	font-weight: normal;
	line-height: 1.1;
	color:#666;
}

.ar {
	position:absolute;
	width:30px;
	height:30px;
	left:41px;
	top:6px;
	background-image: url(../../image/arab2.png);
}

.en {
	position:absolute;
	width:30px;
	height:30px;
	right:1px;
	top:6px;
	background-image: url(../../image/en2.png);
	}
#name_en{
	text-align:left;
}
.lable_ar_en{position:relative;}
.r_ar {
	position:absolute;
	width:30px;
	height:30px;
	left:50px;
	top:3px;
	background-image: url(../../image/arab2.png);
	z-index:1;
}
.r_en {
	position:absolute;
	width:30px;
	height:30px;
	right:10px;
	top:3px;
	background-image: url(../../image/en2.png);
	z-index:1;
}
.red{
	color:#FF0000;
    font-size:1.2em;
	margin-right:5px;
}
.div_texbox {
	position:relative;
	float:right;
	width:347px;
	background-color:#E6E6E6;
	height:35px;
	margin-top:3px;
	padding-top:5px;
	padding-bottom:3px;
	padding-left:5px;
}

#select-from{
	width:270px;
	 -moz-border-radius: 10px 10px 10px 10px;
	 height:300px; 
	}

#select-to{
	width:270px;
	height:250px;
	 -moz-border-radius: 10px 10px 10px 10px;
	}

.div_texareabox{
    width:347px;
	float:right;
	background-color:#E6E6E6;
	height:100px;
	margin-top:3px;
	padding-top:5px;
	padding-bottom:3px;
	padding-left:5px;	
}
.textbox {
	background-image: url(image/table.png);
	background-repeat: no-repeat;
	background-position:left;
	width:285px;
	color: #000000;
	padding:3px 5px 3px 19px;
	font-family: Arial;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
.select {
	background-image: url(image/table.png);
	background-repeat: no-repeat;
	background-position:left;
	width:300px;
	color: #000000;
	padding:3px 5px 3px 19px;
	font-family: Arial;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
input[type="text"]{position:relative;}
input[type="text"]:focus{z-index:1;}
.textbox:focus, .textbox:hover {
	background-color:#F0FFE6;
	
}
.textbox:hover {
	color:#FF0000;
	
}
.textbox:normal {
	color:#000000;
	
}
.button_div {
	width:480px;
	float:right;
	background-color:#FC0;
	border:1px solid #ccc;
	text-align:right;
	height:70px;
    padding-right:20px;
	
}
.button_div2 {
    width:400px;
	float:right;
    padding-left:0px;
	margin-top:0px;
}

.bluebutton button 
{ background: none repeat scroll 0% 0% rgb(65, 98, 168); 
    border: 1px solid rgb(25, 37, 63); 
    -moz-border-radius: 5px 5px 5px 5px; 
    -moz-box-shadow: 0pt 1px 5px 1px rgb(92, 139, 238) inset, 0px 1px 0pt rgb(29, 44, 77), 0pt 6px 0px rgb(31, 48, 83), 0pt 8px 4px 1px rgb(17, 17, 17); color: rgb(255, 255, 255); 
    
    -webkit-border-radius: 5px 5px 5px 5px; 
    -webkit-box-shadow: 0pt 1px 5px 1px rgb(92, 139, 238) inset, 0px 1px 0pt rgb(29, 44, 77), 0pt 6px 0px rgb(31, 48, 83), 0pt 8px 4px 1px rgb(17, 17, 17); color: rgb(255, 255, 255); 
    
    font-family: Arial; font-size: 20px; font-weight: bold; line-height: 1; margin-bottom: 10px; padding:3px 7px 7px; text-align: center; text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.8);
	  }

.bluebutton button:hover { 
-moz-box-shadow: 0pt 1px 5px 1px rgb(92, 139, 238) inset, 0px 1px 0pt rgb(29, 44, 77), 0pt 3px 0px rgb(31, 48, 83), 0pt 3px 4px 1px rgb(17, 17, 17); margin-bottom: 6px; margin-top: 14px;
 -webkit-box-shadow: 0pt 1px 5px 1px rgb(92, 139, 238) inset, 0px 1px 0pt rgb(29, 44, 77), 0pt 3px 0px rgb(31, 48, 83), 0pt 3px 4px 1px rgb(17, 17, 17);}
 

.bluebutton button { margin-top: 5px; }

/*---------------------------------------------------------------------------------------------------
 ---------------------------------this for Study plan only Form Table------------------------------ 
 --------------------------------------------------------------------------------------------------*/
 @charset "utf-8";

#plan_bage {
	position:relative;
	background-color: #CCC;
	width:800px;
	height:100%;
	margin:0px auto;
	background-image: url(../../image/bg-grid.jpg.png);	
}

#plan_form fieldset {
	position:relative;
	top:5px;
	width:750px;
	
	margin:0px auto;
	border:1px solid #CCC;
	padding-top:10px;
	background-image: url(../../image/backgroun_color_2.jpg);
}

.hori{
	margin-top:5px;
	padding:5px;
	background-color: #999;
	height:35px;
	border:1px solid #FFFFFF;
}
.hori_area{
	margin-top:5px;
	padding:5px;
	background-color: #999;
	height:100px;
	border:1px solid #FFFFFF;
}
.hori_area1{
	margin-top:10px;
	padding:10px;
	background-color: #999;
	height:50px;
	border:1px solid #FFFFFF;
}
.hori_areaGEN{
	margin-top:5px;
	padding:5px;
	background-color: #999;
	height:50px;
	border:1px solid #FFFFFF;
}
#plan_form legend span{
	
	font-size:1.3em;
	

;
}
#plan_form fieldset label{
	float:right;
	display:block;
	padding:2px;
	width:75px;
	height:25px;
	background-color: #999;
	border:1px solid #CCCCCC;

}
#plan_form fieldset select{
	float:right;
    background-color:#FFFFCC;
	width:120px;
	height:30px;
	
	border:1px solid #CCCCCC;

}
#plan_form fieldset select option{
	border:1px solid #F9F;
	}
#plan_form fieldset h3{
	padding-top:5px;
	padding-right:7px;
	margin-bottom:-8px;
	width:120px;
	height:30px;
	background-color:#FFF;
	-moz-border-radius: 7px 7px 0px 0px;
}
	
.mytable{
	margin-top:50px;
	width:700px;
	height:600px;
	
	}


/*---------------------------------------*/
.paleat {
	width:800px;
    margin: 0px auto;
	background-color:#FC0;
	border-top:5px solid #ccc;

	text-align:right;
	height:50px;
    padding-top:20px;
background-image: url(../../image/backgroun_color_3.jpg);	
	
}
.plan_button_div {
	width:750px;
    margin: 0px auto;
	background-color:#FC0;
	border:1px solid #ccc;
	text-align:right;
	height:65px;
    padding-right:20px;
background-image: url(../../image/backgroun_color_3.jpg);	
	
}

.plan_bluebutton button 
{ background: none repeat scroll 0% 0% rgb(65, 98, 168); 
    border: 1px solid rgb(25, 37, 63); 
    -moz-border-radius: 5px 5px 5px 5px; 
    -moz-box-shadow: 0pt 1px 5px 1px rgb(92, 139, 238) inset, 0px 1px 0pt rgb(29, 44, 77), 0pt 6px 0px rgb(31, 48, 83), 0pt 8px 4px 1px rgb(17, 17, 17); color: rgb(255, 255, 255); 
    
    -webkit-border-radius: 5px 5px 5px 5px; 
    -webkit-box-shadow: 0pt 1px 5px 1px rgb(92, 139, 238) inset, 0px 1px 0pt rgb(29, 44, 77), 0pt 6px 0px rgb(31, 48, 83), 0pt 8px 4px 1px rgb(17, 17, 17); color: rgb(255, 255, 255); 
    
    font-family: Arial; font-size: 20px; font-weight: bold; line-height: 1; margin-bottom: 10px; padding:3px 7px 7px; text-align: center; text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.8);
	  }

.plan_bluebutton button:hover { 
-moz-box-shadow: 0pt 1px 5px 1px rgb(92, 139, 238) inset, 0px 1px 0pt rgb(29, 44, 77), 0pt 3px 0px rgb(31, 48, 83), 0pt 3px 4px 1px rgb(17, 17, 17); margin-bottom: 6px; margin-top: 14px;
 -webkit-box-shadow: 0pt 1px 5px 1px rgb(92, 139, 238) inset, 0px 1px 0pt rgb(29, 44, 77), 0pt 3px 0px rgb(31, 48, 83), 0pt 3px 4px 1px rgb(17, 17, 17);}
 

.plan_bluebutton button { margin-top: 5px; }


/*----------------------------------------------------------------*/
#plan_form legend{
	width:200px;
	height:30px;
	padding:5px;
	background-color: #999;
	background: none repeat scroll 0% 0% rgb(65, 98, 168);
	border: 1px solid rgb(25, 37, 63);
	-moz-border-radius: 5px 5px 5px 5px;
	color: rgb(255, 255, 255);
	-webkit-border-radius: 5px 5px 5px 5px;
	color: rgb(255,255,255);
	font-family: Arial;
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 10px;
	padding:3px 7px 7px;
	text-align: center;
	text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.8);
}

.plan_tdbtn{
display:block;
cursor:alias;
background-color:#FCF;	
	}
	
#grade_vlue{
	background:#FFCCCC;
	border:1px solid #066;
	margin:0;
	}
#grade_marks{
	background:#FFCCFF;
	border:1px solid #066;
	margin:0;
	
	}
#grade_desc{
	background:#FFCCFF;
	border:1px solid #066;
	margin:0;
	}
	
	
	
	
	
	
	
	
/*============================================================================*/
/*Abdulla UI */	
	
.abdu-my-header {
	border: 1px solid #0b3e6f;
	color: #f6f6f6;
	font-weight: bold;
	background-color: #666666;
	background-image: url(image/ui-bg_highlight-soft_75_cccccc_1x100.png);
	background-repeat: repeat;
	background-position: 50% 50%;
}
.abdu-corner-all { -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }
@charset "UTF-8";
/* CSS Document */

/*
DEMO 3
*/

.abdu_btn_blue_2 {
	background-color:#3bb3e0;
	font-family: 'Open Sans', sans-serif;
	font-size:1.1em;
	text-decoration:none;
	color:#fff;
	position:relative;
	padding:10px 20px;
	border-right:solid 1px #2ab7ec;
	margin-right:35px;
	background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(44,160,202)),
	color-stop(1, rgb(62,184,229))
	);
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
}

.abdu_btn_blue_2:active {
	top:3px;
	background-image: linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -o-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(62,184,229)),
	color-stop(1, rgb(44,160,202))
	);
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
}

.abdu_btn_blue_2::before {
	background-color:#2561b4;
	content:"*";
	width:35px;
	max-height:29px;
	height:100%;
	position:absolute;
	display:block;
	padding-top:8px;
	top:0px;
	left:-36px;
	font-size:16px;
	font-weight:bold;
	color:#8fd1ea;
	text-shadow:1px 1px 0px #07526e;
	border-right:solid 1px #07526e;
	background-image: linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
	background-image: -o-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(10,94,125)),
	color-stop(1, rgb(14,139,184))
	);
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999 ;
	-moz-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999 ;
	-o-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999 ;
	box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999 ;
}

.abdu_btn_blue_2:active::before {
	top:-3px;
	-webkit-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999 ;
	-moz-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999 ;
	-o-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999 ;
	box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999 ;
}

/*////////////////////////////////////////////////////////////////////////////////*/
.abdu_btn_blue_3 button {
	background-color:#3bb3e0;
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#fff;
	position:relative;
	padding:10px 20px;
	padding-right:50px;
	background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(44,160,202)),
	color-stop(1, rgb(62,184,229))
	);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
}

.abdu_btn_blue_3 button:active {
	top:3px;
	background-image: linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -o-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(62,184,229)),
	color-stop(1, rgb(44,160,202))
	);
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
}

.abdu_btn_blue_3 button::before {
	background-color:#2591b4;
	background-image:url(image/right_arrow.png);
	background-repeat:no-repeat;
	background-position:center center;
	content:"";
	width:20px;
	height:20px;
	position:absolute;
	right:15px;
	top:50%;
	margin-top:-9px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	-moz-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	-o-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
}

.abdu_btn_blue_3 button:active::before {
	top:50%;
	margin-top:-12px;
	-webkit-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	-moz-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	-o-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
}
.ba{background:#CCFFFF}
/*=========================================Yellow Button============================*/
#abdu_btn_yellow{}
#abdu_btn_yellow.main {  
        width: 400px;  
        height: 50px;  
        background: #f2f2f2;  
        padding: 6px 10px;  
        border: 1px solid #b5b5b5;  
      
        -moz-border-radius: 5px;  
        -webkit-border-radius: 5px;  
        border-radius: 5px;  
        -moz-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.8), inset 0 2px 2px rgba(255, 255, 255, 1), 0 5px 0 #ccc, 0 6px 0 #989898, 0 13px 0       #dfdede;  
        -webkit-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.8), inset 0 2px 2px rgba(255, 255, 255, 1), 0 5px 0 #ccc, 0 6px 0 #989898, 0 13px 0 #dfdede;  
        box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.8), inset 0 2px 2px rgba(255, 255, 255, 1), 0 5px 0 #ccc, 0 6px 0 #989898, 0 13px 0 #dfdede;  
    }  
	    input[type="text"].btn_yellow {  
        float: left;  
        width: 230px;  
        padding: 15px 5px 5px 5px;  
        margin-top: 5px;  
        margin-left: 3px;  
        border: 1px solid #999999;   
      
        -moz-border-radius: 5px;  
        -webkit-border-radius: 5px;  
        border-radius: 5px;   
      
        -moz-box-shadow: inset 0 5px 0 #ccc, inset 0 6px 0 #989898, inset 0 13px 0 #dfdede;  
        -webkit-box-shadow: inset 0 5px 0 #ccc, inset 0 6px 0 #989898, inset 0 13px 0 #dfdede;  
        box-shadow: inset 0 5px 0 #ccc, inset 0 6px 0 #989898, inset 0 13px 0 #dfdede;  
    }  
input[type="submit"].solid {  
        
        cursor: pointer;  
        width: 130px;  
        padding: 8px 6px;  
        margin-left: 20px;  
        background-color: #f8b838;  
        color: rgba(134, 79, 11, 0.8);  
        text-transform: uppercase;  
        font-weight: bold;  
        border: 1px solid #99631d;   
      
        -moz-border-radius: 5px;  
        -webkit-border-radius: 5px;  
        border-radius: 5px;   
      
        text-shadow: 0 1px 2px rgba(255, 255, 255, 0.7), 0 -1px 0 rgba(64, 38, 5, 0.9);    
      
        -moz-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.6), inset 0 1px 2px rgba(255, 255, 255, 0.7), 0 5px 0 #b8882a, 0 6px 0 #593a11, 0 13px 0 #ccc;  
        -webkit-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.6), inset 0 1px 2px rgba(255, 255, 255, 0.7), 0 5px 0 #b8882a, 0 6px 0 #593a11, 0 13px 0 #ccc;  
        box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.6), inset 0 1px 2px rgba(255, 255, 255, 0.7), 0 5px 0 #b8882a, 0 6px 0 #593a11, 0 13px 0 #ccc;  
        -webkit-transition: background 0.2s ease-out;  
    }
input[type="submit"].solid:active {  
        background: #f6a000;  
        position: relative;  
        top: 5px;  
        border: 1px solid #702d00;   
      
        -moz-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.6), inset 0 1px 2px rgba(255, 255, 255, 0.7), 0 3px 0 #b8882a, 0 4px 0 #593a11, 0 8px 0 #ccc;  
        -webkit-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.6), inset 0 1px 2px rgba(255, 255, 255, 0.7), 0 3px 0 #b8882a, 0 4px 0 #593a11, 0 8px 0 #ccc;  
        box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.6), inset 0 1px 2px rgba(255, 255, 255, 0.7), 0 3px 0 #b8882a, 0 4px 0 #593a11, 0 8px 0 #ccc;  
    } 
	
button.solid {  
        
        cursor: pointer;  
        width: 130px;  
        padding: 8px 6px;  
        margin-left: 20px;  
        background-color: #f8b838;  
        color: rgba(134, 79, 11, 0.8);  
        text-transform: uppercase;  
        font-weight: bold;  
        border: 1px solid #99631d;   
      
        -moz-border-radius: 5px;  
        -webkit-border-radius: 5px;  
        border-radius: 5px;   
      
        text-shadow: 0 1px 2px rgba(255, 255, 255, 0.7), 0 -1px 0 rgba(64, 38, 5, 0.9);    
      
        -moz-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.6), inset 0 1px 2px rgba(255, 255, 255, 0.7), 0 5px 0 #b8882a, 0 6px 0 #593a11, 0 13px 0 #ccc;  
        -webkit-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.6), inset 0 1px 2px rgba(255, 255, 255, 0.7), 0 5px 0 #b8882a, 0 6px 0 #593a11, 0 13px 0 #ccc;  
        box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.6), inset 0 1px 2px rgba(255, 255, 255, 0.7), 0 5px 0 #b8882a, 0 6px 0 #593a11, 0 13px 0 #ccc;  
        -webkit-transition: background 0.2s ease-out;  
    }    
 
	
button.solid:active {  
        background: #f6a000;  
        position: relative;  
        top: 5px;  
        border: 1px solid #702d00;   
      
        -moz-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.6), inset 0 1px 2px rgba(255, 255, 255, 0.7), 0 3px 0 #b8882a, 0 4px 0 #593a11, 0 8px 0 #ccc;  
        -webkit-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.6), inset 0 1px 2px rgba(255, 255, 255, 0.7), 0 3px 0 #b8882a, 0 4px 0 #593a11, 0 8px 0 #ccc;  
        box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.6), inset 0 1px 2px rgba(255, 255, 255, 0.7), 0 3px 0 #b8882a, 0 4px 0 #593a11, 0 8px 0 #ccc;  
    }
	/********************************************/
	
ul#css3menu1,ul#css3menu1 ul{
	margin:1;list-style:none;padding:0;background-color:#dedede;border-width:1px;border-style:solid;border-color:#5f5f5f;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
ul#css3menu1 ul{
	display:none;position:absolute;left:0;top:100%;-moz-box-shadow:3.5px 3.5px 5px #000000;-webkit-box-shadow:3.5px 3.5px 5px #000000;box-shadow:3.5px 3.5px 5px #000000;background-color:#FFFFFF;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;border-color:#d4d4d4;padding:0 10px 10px;}
ul#css3menu1 li:hover>*{
	display:block;}
ul#css3menu1 li{
	position:relative;display:block;white-space:nowrap;font-size:0;float:left;}
ul#css3menu1 li:hover{
	z-index:1;}
ul#css3menu1{
	font-size:0;z-index:999;position:relative;display:inline-block;zoom:1;
	*display:inline;}
ul#css3menu1>li{
	margin:0;}
* html ul#css3menu1 li a{
	display:inline-block;}
ul#css3menu1 a:active, ul#css3menu1 a:focus{
	outline-style:none;}
ul#css3menu1 a{
	display:block;vertical-align:middle;text-align:right;text-decoration:none;font:bold 15px Trebuchet MS;color:#000000;text-shadow:#FFF 0 0 1px;cursor:pointer;padding:4px;background-color:#c1c1c1;background-image:url("../../image/menu/mainbk.png");background-repeat:repeat;background-position:0 0;border-width:0 0 0 1px;border-style:solid;border-color:#C0C0C0;}
ul#css3menu1 ul li{
	float:none;margin:10px 0 0;}
ul#css3menu1 ul a{
	text-align:right;padding:4px;background-color:#FFFFFF;background-image:none;border-width:0;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;font:14px Tahoma;color:#000;text-decoration:none;}
ul#css3menu1 li:hover>a,ul#css3menu1 a.pressed{
	background-color:#0c97e2;border-color:#C0C0C0;border-style:solid;color:#000000;text-decoration:none;text-shadow:#FFF 0 0 1px;background-image:url("../../image/menu/mainbk.png");background-position:0 100px;}
ul#css3menu1 img{
	border:none;vertical-align:middle;margin-right:10px;}
ul#css3menu1 img.over{
	display:none;}
ul#css3menu1 li:hover > a img.def{
	display:none;}
ul#css3menu1 li:hover > a img.over{
	display:inline;}
ul#css3menu1 li a.pressed img.over{
	display:inline;}
ul#css3menu1 li a.pressed img.def{
	display:none;}
ul#css3menu1 span{
	display:block;overflow:visible;background-position:right center;background-repeat:no-repeat;padding-right:0px;}
ul#css3menu1 li:hover>a,ul#css3menu1 li>a.pressed{
	background-color:#0c97e2;background-image:url("../../image/menu/mainbk.png");background-position:0 100px;border-style:solid;border-color:#C0C0C0;color:#000000;text-decoration:none;text-shadow:#FFF 0 0 1px;}
ul#css3menu1 ul li:hover>a,ul#css3menu1 ul li>a.pressed{
	direction:rtl;background-color:#FFFFFF;background-image:none;color:#0978b3;text-decoration:none;}
ul#css3menu1 li.topfirst>a{
	border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;-webkit-border-radius:5px;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;}
ul#css3menu1 li.toplast>a{
	border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;-webkit-border-radius:0;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;}
	
/*<-----------------------------------------------------------------------------------------------------------------------.*/
.paginate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
}
a.paginate {
	border: 1px solid #000080;
	padding: 2px 6px 2px 6px;
	text-decoration: none;
	color: #000080;
}
a.paginate:hover {
	background-color: #000080;
	color: #FFF;
	text-decoration: underline;
}
a.current {
	border: 1px solid #000080;
	font: bold .7em Arial, Helvetica, sans-serif;
	padding: 2px 6px 2px 6px;
	cursor: default;
	background:#000080;
	color: #FFF;
	text-decoration: none;
}
span.inactive {
	border: 1px solid #999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
	padding: 2px 6px 2px 6px;
	color: #999;
	cursor: default;
}
/*td {
	border: 1px solid #060;
}*/
a.nam {
	display: block;
	font-size: 120%;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
a.fullnam {
	display: block;
	font-size: 80%;
	color: #000;
	text-decoration: none;
}
a.nam:hover {
	font-size: 140%;
	background-color: #FF6;
}
option {
	border:1px solid #096;
}	
/*/////////////////////////////*/	
#tabl_dital {
	position:relative;
	width: 700px;
	margin:1px auto;
	border-right-width: 2px;
	border-right-style: dashed;
	border-left-width: 2px;
	border-left-style: dashed;
	border-right-color: #F90;
	border-left-color: #F90;
	border-bottom-style: dashed;
	border-bottom-width: 2px;
	border-bottom-color: #F90;
}
#t_stu_detail {
	position:relative;
	border:1px solid #646464;
	width:700px;
	margin:20px auto;
	background-color:#FFF;
}
.t_stu_detail {
	position:relative;
}
#t_stu_detail tr td {
	border:1px solid #ccc;
	padding-right:10px;
}
#t_stu_detail th {
	background:#ccc;
	text-align:right;
	padding-right:10px;
}
#t_stu_detail tr {
	background:#dae6ff;
}
#t_stu_detail tr td input[type=text] {
	width:50%;
	font-size:1.2em;
	border:0px;
	background:#dae6ff;
	padding:3px;
}
#t_stu_detail tr td input[type=password] {
	width:50%;
	font-size:1.2em;
	border:0px;
	background:#dae6ff;
	padding:3px;
}
#t_stu_detail tr td select {
	width:50%;
	font-size:1.2em;
	border:0px;
	background:#dae6ff;
	padding:3px;
}
#t_stu_detail tr td input[type=text]:hover {
	background:#8DEB8F;
	/*border-bottom:2px solid #060;*/
	border-right:2px solid #060
}	
.stuName{
	padding-right:5px;
	font-size: 1.2em;
	font-weight: bold;

	}
	.stuName a{
	text-decoration: none;
	}